<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div, p, h1 {
            width: 100px;
            height: 100px;
            background: red;
            margin-top: 50px;
        }

        div {
            background: green;
        }
    </style>
</head>
<body>
<!--
选择器的优先级                        代码执行的顺序
        选择器的优先级一致的情况下，谁在后面谁的优先级就高，
        选择器的优先级不一致的情况下，会选择优先级就高，



行间样式的优先级>id选择器>类选择器>标签选择器>通配符选择器



包含选择器的优先级是一种累加的关系：
     行间样式           1000
     id选择器           100
     类选择器            10
     标签选择器           1

    数值越大，优先级就越高，值越小，优先级越低。
    群组选择器的优先级取决于位置，谁靠后谁的优先级就高一些，会覆盖前面的样式；

-->

<div></div>
<p></p>
<h1></h1>
</body>
</html>